<template>
	<view class="taskAllocation_wrapper" :style="{paddingBottom: (bottom+44)+'px'}">
		<u-navbar title='任务进度' :autoBack="true" leftIconColor="#1E272E" bgColor="transparent"
			:titleStyle="{fontWeight:700,fontSize:'32rpx',color:'#1E272E'}"></u-navbar>
		<image src="https://renovationcdn.jiachuangnet.com/details1/bg.png" class='bg'
			style="height: 476rpx;width: 100%;"></image>
		<view class="container" v-if="info">
			<!-- &&info.status -->
			<view class="taskAllocation_msg">
				<view class="flex case_wrappper" style="justify-content: start">
					<view class="case_item">
						<view class="flagship" v-if="info.status==6">
							进行中
						</view>
						<view class="flagship" v-if="info.status==8">
							待验收
						</view>
						<view class="flagship" v-if="info.status==7">
							已逾期
						</view>
						<view class="flagship" v-if="info.status>=9">
							已完工
						</view>
						<image :src="info.storeImg.includes('http')?info.storeImg:'https://'+info.storeImg" mode=""
							class="case_img" v-if="info&&info.storeImg"></image>
						<image src="https://renovationcdn.jiachuangnet.com/details1/noPic.png" mode="" class="case_img"
							v-else></image>
					</view>
					<view class="taskMsg">
						<view class="flex bewteen alignItem">
							<view class="taskTital" v-if="info.assignName">
								{{info.assignName}}
							</view>
							<view class="tag">
								<image src="https://renovationcdn.jiachuangnet.com/details1/zhuangxiu.png" mode=""
									style="width: 34rpx;height: 34rpx;padding-right: 19rpx;"></image>
								装修
							</view>
						</view>
						<view class="timer" v-if="info&&info.createTime">
							发布时间： {{info.createTime.split(' ')[0]}}
						</view>
						<!--  -->
						<view style=' height:70rpx;padding-top: 10rpx;'>
						<template v-if="subsectionListType === 1" >
							<!--  -->
							<view v-if="info.status === 0 || info.status === 5" class="flex alignItem bewteen" >
								<!-- <view class="label" style="width:auto"></view> -->
								<!--  -->
								<view v-if="info.status === 0 && loginType != 4" class="stateBtn btnstateBtn"
									@click.stop="submitWarehouse">
									
									确认订单
								</view>
								<!--  -->
								<view v-if="info.status === 5 &&  loginType != 4" class="stateBtn btnstateBtn"
									@click.stop="assignStartWork">
									开工
								</view>
							</view>
						</template>
						<template v-else  >
							<view v-if="info.supplierState === 1 || info.supplierState === 4" class="flex alignItem bewteen">
								<!-- <view class="label" style="width:auto"></view> -->
								<view v-if="info.supplierState === 4 &&  loginType != 4" class="stateBtn btnstateBtn"
									@click.stop="assignStartWork">
									开工
								</view>
								<view v-if="info.supplierState === 1 &&  loginType != 4" class="stateBtn btnstateBtn"
									@click.stop="sureCreatOrder">
									确认订单
								</view>
							</view>
						</template>
						</view>
						<view style="position: relative;" v-if="info.percent&&info.status<9&&loginType!=11">
							<u-line-progress  :percentage="info.percent.split('%')[0]||0"
								activeColor="#13989A"></u-line-progress>
							<!-- <view class="cicle" v-if="Number(info.percent.split('%')[0])<80"></view> -->
						</view>
						<view class="allocation" v-if="info.percent&&loginType!=11">
							已完成{{info.percent}}
						</view>
						<!-- <view class="taskName" v-if="info&&info.taskNameList">
							 {{info.taskNameList.join(',')}}
						</view> -->
					</view>
				</view>
				
				<view style="margin-bottom: 20rpx;display: flex;">
					<u-subsection  activeColor="#13989a" @change="sectionChange" :list="subsectionList" :current="subsectionCurrent"></u-subsection>
				</view>
				
				<view class="taskForm">
					<view class="flex alignItem bewteen">
						<view class="label" style="width:200rpx">实际开工日期</view>
						<!-- <view class="val" v-if="info.startTime">
							{{info.startTime.split(' ')[0].replace(/-/g, '.')}}
						</view> -->
						<view class="val" v-if="info.startConstructionTime">
							{{info.startConstructionTime.split(' ')[0].replace(/-/g, '.')}}
						</view>
					</view>
					<view class="flex alignItem bewteen">
						<view class="label" style="width:auto">地址</view>
						<view class="val" v-if="info.address">
							{{info.address}}
						</view>
					</view>
					<view class="flex alignItem bewteen">
						<view class="label" style="width:200rpx">预计完工日期</view>
						<!-- <view class="val" v-if="info.endTime">
							{{info.endTime.split(' ')[0].replace(/-/g, '.')}}
						</view> -->
						<view class="val" v-if="info.planEndTime">
							{{info.planEndTime.split(' ')[0].replace(/-/g, '.')}}
						</view>
					</view>
					<view class="flex alignItem bewteen">
						<view class="label" style="width:auto">工期(天)</view>
						<!-- <view class="val" v-if="info.allCount">
							{{info.allCount}}
						</view> -->
						<view class="val" v-if="info.workDay">
							{{info.workDay}}
						</view>
					</view>
					<view class="flex alignItem bewteen" v-if="info.confirmTime">
						<view class="label" style="width:200rpx">实际完工日期</view>
						<view class="val">
							{{info.confirmTime?info.confirmTime.split(' ')[0].replace(/-/g, '.'):''}}
						</view>
					</view>
					<view class="flex alignItem bewteen">
						<view class="label" style="width:auto">负责人</view>
						<view class="val" v-if="info.managerPhone">
							{{info.managerName}}
						</view>
					</view>
					<view class="flex alignItem bewteen">
						<view class="label" style="width:auto">联系方式</view>
						<view class="val" @click="call" v-if="info.managerPhone">
							{{info.managerPhone}}
							<image src="https://renovationcdn.jiachuangnet.com/details1/phone.png" mode=""
								style="width: 34rpx;height: 34rpx;margin-left: 22rpx;"></image>
						</view>
					</view>
					<!-- <template v-if="subsectionListType === 1">
						<view v-if="info.status === 0 || info.status === 5" class="flex alignItem bewteen">
							<view class="label" style="width:auto"></view>
							<view v-if="info.status === 0" class="stateBtn btnstateBtn"
								@click.stop="submitWarehouse">
								
								确认订单
							</view>
							<view v-if="info.status === 5" class="stateBtn btnstateBtn"
								@click.stop="assignStartWork">
								开工
							</view>
						</view>
					</template>
					<template v-else>
						<view v-if="info.supplierState === 1 || info.supplierState === 4" class="flex alignItem bewteen">
							<view class="label" style="width:auto"></view>
							<view v-if="info.supplierState === 4" class="stateBtn btnstateBtn"
								@click.stop="assignStartWork">
								开工
							</view>
							<view v-if="info.supplierState === 1" class="stateBtn btnstateBtn"
								@click.stop="sureCreatOrder">
								确认订单
							</view>
						</view>
					</template> -->
					
				</view>
				<!-- <view class="titleList_item_1">
					<view class="titleList_item">
						<view class="look_box flex" style="border-bottom: 2rpx solid #E2E2E2;">
							<view class="text">
								设备明细
							</view>
							<view class="flex" style="align-items: center;" v-if="loginType==7">
								<u-text size="12" v-if="deviceStatus == true" @click="deviceStatus = false"
									:color='color' text="编辑"></u-text>
								<u-text size="12" v-if="deviceStatus == false" @click="sbumitDevice" :color='color'
									text="保存"></u-text>
							</view>
						</view>
						<view class="look_box flex" style="border-bottom: 2rpx solid #E2E2E2;">
							<view class="text">
								冷链公司
							</view>
							<view class="flex" style="align-items: center;">
								<uni-data-select style="width: 450rpx;" v-model="coldChainValue"
									:localdata="coldChainRange" :disabled="deviceStatus" disabledColor='transparent'
									@change="coldChainChange"></uni-data-select>
							</view>
						</view>
						<view class="look_box flex" style="border-bottom: 2rpx solid #E2E2E2;">
							<view class="text">
								冷链价格
							</view>
							<view class="flex" style="align-items: center;">
								<u--input :disabled="deviceStatus" placeholder="请输入冷链设备价格" border="surround"
									v-model="coldChainPrice" inputAlign='right' disabledColor='transparent'></u--input>
							</view>
						</view>
						<view class="look_box flex" style="border-bottom: 2rpx solid #E2E2E2;">
							<view class="text">
								监控公司
							</view>
							<view class="flex" style="align-items: center;">
								<uni-data-select style="width: 450rpx;" v-model="monitorValue" :localdata="monitorRange"
									:disabled="deviceStatus" disabledColor='transparent'
									@change="monitorChange"></uni-data-select>
							</view>
						</view>
						<view class="look_box flex" style="border-bottom: 2rpx solid #E2E2E2;">
							<view class="text">
								监控价格
							</view>
							<view class="flex" style="align-items: center;">
								<u--input :disabled="deviceStatus" placeholder="请输入监控设备价格" border="surround"
									v-model="monitorPrice" inputAlign='right' disabledColor='transparent'></u--input>
							</view>
						</view>
						<view class="look_box flex" style="border-bottom: 2rpx solid #E2E2E2;">
							<view class="text">
								货架公司
							</view>
							<view class="flex" style="align-items: center;">
								<uni-data-select style="width: 450rpx;" v-model="shelvesValue" :localdata="shelvesRange"
									@change="shelvesChange" disabledColor='transparent'
									:disabled="deviceStatus"></uni-data-select>
							</view>
						</view>
						<view class="look_box flex">
							<view class="text">
								货架价格
							</view>
							<view class="flex" style="align-items: center;">
								<u--input :disabled="deviceStatus" placeholder="请输入货架价格" border="surround"
									v-model="shelvesPrice" inputAlign='right' disabledColor='transparent'></u--input>
							</view>
						</view>
					</view>
				</view> -->
				<view class="titleList_item_1">
					<template v-if="loginType!=11">
						<view class="titleList_item" v-if="subsectionListType != 5">
							<view class="look_box flex" style="border-bottom: 2rpx solid #E2E2E2;">
								<view class="text">
									装修工人 （共计{{workerList.length}}人）
								</view>
								<view class="flex" style="align-items: center;">
									<image src="https://renovationcdn.jiachuangnet.com/details1/look.png" mode=""
										style="width: 27rpx;height: 20rpx;margin-left: 22rpx;"></image>
									<text style="margin-left: 10rpx;font-weight: 500;font-style: 30rpx;color: #1E272E;"
										@click='toPathB("grade")'>查看</text>
									<text style="padding-right: 20rpx; " v-if="loginType==3&&info.status<8"></text>
									<u-icon name="plus" color="#14989a" v-if="loginType==3&&info.status<8"
										size="30rpx"></u-icon>
									<text style="margin-left: 10rpx;font-weight: 500;font-size: 30rpx;color: #1E272E;"
										v-if="loginType==3&&info.status<8" @click="changeUser2">添加</text>
								</view>
							</view>
							<view class="look_box flex" style="border-bottom: 2rpx solid #E2E2E2;" v-if="info.status>=8">
								<view class="text">
									订单信息
								</view>
								<view class="flex" style="align-items: center;" @click="toPathCreateTask(assignTaskId)">
									<image src="https://renovationcdn.jiachuangnet.com/details1/look.png" mode=""
										style="width: 27rpx;height: 20rpx;margin-left: 22rpx;"></image>
									<text
										style="margin-left: 10rpx;font-weight: 500;font-size: 30rpx;color: #1E272E;">查看</text>
								</view>
							</view>
							<view class="look_box flex" style="border-bottom: 2rpx solid #E2E2E2;">
								<view class="text">
									CAD图
								</view>
								<view class="flex" style="align-items: center;" @click="openDownLoad">
									<u-icon name="download" style="width: 27rpx;height: 20rpx;margin-left: 22rpx;"
										color="#13989a"></u-icon>
									<!-- <image src="https://renovationcdn.jiachuangnet.com/details1/look.png" mode="" style="width: 27rpx;height: 20rpx;margin-left: 22rpx;"></image> -->
									<text
										style="margin-left: 10rpx;font-weight: 500;font-size: 30rpx;color: #1E272E;">下载</text>
								</view>
							</view>
							<view class="look_box flex" v-if="info.status<9">
								<view class="text">
									材料清单
								</view>
								<view class="flex" style="align-items: center;" @click='toPath("replenishmentRecord")'>
									<image src="https://renovationcdn.jiachuangnet.com/details1/look.png" mode=""
										style="width: 27rpx;height: 20rpx;margin-left: 22rpx;"></image>
									<text
										style="margin-left: 10rpx;font-weight: 500;font-size: 30rpx;color: #1E272E;">查看</text>
								</view>
							</view>
							<view class="look_box flex" style="border-bottom: 2rpx solid #E2E2E2;" v-else>
								<view class="text">
									材料清单
								</view>
								<view class="flex" style="align-items: center;" @click='toPath("replenishmentRecord")'>
									<image src="https://renovationcdn.jiachuangnet.com/details1/look.png" mode=""
										style="width: 27rpx;height: 20rpx;margin-left: 22rpx;"></image>
									<text
										style="margin-left: 10rpx;font-weight: 500;font-size: 30rpx;color: #1E272E;">查看</text>
								</view>
							</view>
							<view class="look_box flex" v-if="info.status>=9">
								<view class="text">
									验收记录
								</view>
								<view class="flex" style="align-items: center;" @click='checkAccept(assignTaskId)'>
									<image src="https://renovationcdn.jiachuangnet.com/details1/look.png" mode=""
										style="width: 27rpx;height: 20rpx;margin-left: 22rpx;"></image>
									<text
										style="margin-left: 10rpx;font-weight: 500;font-size: 30rpx;color: #1E272E;">查看</text>
								</view>
							</view>
						</view>
					</template>
					
					<view class="text">
						任务进度
					</view>
					<view class="taskList_wrapper" style="background-color: #fff;">
						<u-collapse>
							<!-- 装修的流程用info.list -->
							<u-collapse-item title="装修每天任务详情" name="Docs guide" v-if="info.list && subsectionListType == 1">
								<view class="taskList_wrapper_item" v-for="(item,index) in info.list" :key="index">
									<view class="day">
										<img src="https://renovationcdn.jiachuangnet.com/details1/day.png" alt=""
											v-if="item.complete==2"
											style="width: 34rpx;height: 36rpx;margin-right: 18rpx;" />
										<img src="https://renovationcdn.jiachuangnet.com/details1/day2.png" alt=""
											v-else style="width: 34rpx;height: 36rpx;margin-right: 18rpx;" />
										{{ item.assignTaskList.name }}
										<text style="margin-left: 38rpx;font-weight: 500;"
											v-if="item.todayTime">{{item.todayTime.split(' ')[0].replace(/-/g, '.')}}</text>
									</view>
									<view :class="[i==item.assignTaskList.task.length-1?'content_end':' ','content']"
										v-for="(v,i) in item.assignTaskList.task" :key="i">
										<view class="flex" style="align-items: center;">
											<view class="solit"></view>
											<view style="margin-right: 18rpx;color: #e94242;" v-if="v.ok == 2" >
												{{v.taskName }}
											</view>
											<view style="margin-right: 18rpx;" v-else>
												{{v.taskName }}
											</view>
											<!-- <view class="tag_wrapper" >
						     				<view v-for="(tag,j) in taskAssignmentList[index].taskList" class="" :key="j">
						     					<view class="tag_item" v-if="tag.taskId==v.taskId">
						     						<u-tag :text="tag.userName"  size="mini"   bgColor="#e7f4f5" color="#13989A" borderColor="#e7f4f5"></u-tag>
						     					</view>
						     				</view>
						     			</view> -->
										</view>
										<!-- <view class="arrangementBtn" v-if="item.complete==0||item.complete==2" @click="changeUser(v.taskId,item.id)">
						     			分配师傅
						     		</view> -->
										<view v-if="loginType==3">
											<view class="arrangementBtn" @click="uploadTask(index,i,v,item.id)"
												v-if="v.taskName!='材料清单'&&v.taskName!='复尺方案'&&v.images.length&&info.status<8">
												完成情况
											</view>
											<view class="arrangementBtn" @click="uploadTask(index,i,v,item.id)"
												v-if="!v.images.length&&info.status<8&&v.taskName!='复尺方案'&&v.taskName!='材料清单'">
												上传图片
											</view>
											<view class="arrangementBtn" style="text-align: center;"
												@click="uploadTask1(index,i,v,item.id)"
												v-if="v.taskName=='材料清单'&&info.status<8&&brandPartyId==1&&v.ok==0">
												材料清点
											</view>
											<view class="arrangementBtn" style="text-align: center;"
												@click="uploadTask1(index,i,v,item.id)"
												v-if="v.taskName=='材料清单'&&brandPartyId==1&&v.ok==1">
												查看材料清点
											</view>
											<view class="arrangementBtn" style="text-align: center;"
												@click="startMeasuringFn(assignTaskId,info.storeType)"
												v-if="v.taskName=='复尺方案'&&info.status<8&&((brandPartyId!=1&&(!info.scaleDxfUrl||!info.scaleDxfUrl2||!info.scaleDxfUrl3)))">
												复尺测量
											</view>
											<view class="arrangementBtn" @click="uploadTask(index,i,v,item.id)"
												v-if="info.status>=8&&v.taskName!='复尺方案'&&v.taskName!='材料清单'&& v.ok !=2">
												查看图片
											</view>
											
											<view v-if="info.status>=8&&v.taskName!='复尺方案'&&v.taskName!='材料清单'&& v.ok ==2">
												<view class="arrangementBtn" @click="uploadTask(index,i,v,item.id, v.ok)" >
													<!-- 待整改的上传图片 -->
													上传图片
												</view>
											</view>
											
											
											<view class="arrangementBtn" @click="openDownLoad"
												v-if="v.taskName=='复尺方案'&&(info.scaleDxfUrl&&info.scaleDxfUrl2&&info.scaleDxfUrl3)">
												CAD下载
											</view>
										</view>
										<view v-else>
											<view class="arrangementBtn" @click="uploadTask(index,i,v,item.id)"
												v-if="v.taskName!='复尺方案'&&v.taskName!='材料清单'">
												查看图片
											</view>
											<view class="arrangementBtn" @click="openDownLoad"
												v-if="v.taskName=='复尺方案'">
												CAD下载
											</view>
											<view class="arrangementBtn" @click="uploadTask1(index,i,v,item.id)"
												v-if="v.taskName=='材料清单'">
												查看材料清点
											</view>
										</view>

									</view>
									<view class="tag11" v-if="item.complete==0">
										未完成
									</view>
									<view class="tag11" v-if="item.complete==1" style="background-color: #e94242;">
										待整改
									</view>

									<view class="tag11" style="background-color: #e94242;" v-if="item.complete==2">
										已逾期
									</view>

									<view class="tag11" style="background-color: #80c342;" v-if="item.complete==4">
										已完成
									</view>

									<img v-if="item.complete==2"
										src="https://renovationcdn.jiachuangnet.com/details1/yuqi.png" alt=""
										style="position: absolute; width: 116rpx;height: 100rpx;top: 14rpx;right: 159rpx;" />
									<img v-if="item.complete==4"
										src="https://renovationcdn.jiachuangnet.com/index/yiwancheng.png" alt=""
										style="position: absolute; width: 116rpx;height: 100rpx;top: 14rpx;right: 159rpx;" />
								</view>
							</u-collapse-item>
							<!-- 其他流程用info.list2 -->
							<u-collapse-item :title="fifterTextTitle" name="Numerous tools" v-if="info.list2 && subsectionListType!= 1">
								<view class="taskList_wrapper_item" v-for="(item,index) in info.list2" :key="index">
									<view class="day">
										<img src="https://renovationcdn.jiachuangnet.com/details1/day.png" alt=""
											v-if="item.complete==2"
											style="width: 34rpx;height: 36rpx;margin-right: 18rpx;" />
										<img src="https://renovationcdn.jiachuangnet.com/details1/day2.png" alt=""
											v-else style="width: 34rpx;height: 36rpx;margin-right: 18rpx;" />
										{{ item.assignTaskList.name }}
										<text style="margin-left: 38rpx;font-weight: 500;"
											v-if="item.todayTime">{{item.todayTime.split(' ')[0].replace(/-/g, '.')}}</text>
									</view>
									<view :class="[i==item.assignTaskList.task.length-1?'content_end':' ','content']"
										v-for="(v,i) in item.assignTaskList.task" :key="i">
										<view class="flex" style="align-items: center;">
											<view class="solit"></view>
											<view style="margin-right: 18rpx;color: #e94242;" v-if="v.ok == 2" >
												{{v.taskName }}
											</view>
											<view v-else style="margin-right: 18rpx;">
												{{v.taskName}}
											</view>
											<!-- <view class="tag_wrapper" >
												<view v-for="(tag,j) in taskAssignmentList[index].taskList" class="" :key="j">
													<view class="tag_item" v-if="tag.taskId==v.taskId">
														<u-tag :text="tag.userName"  size="mini"   bgColor="#e7f4f5" color="#13989A" borderColor="#e7f4f5"></u-tag>
													</view>
												</view>
											</view> -->
										</view>
										<!-- <view class="arrangementBtn" v-if="item.complete==0||item.complete==2" @click="changeUser(v.taskId,item.id)">
											分配师傅
										</view> -->
										<view v-if="loginType==11">
											<view class="arrangementBtn" @click="uploadTask(index,i,v,item.id)"
												v-if='v.ok==0 || v.ok== 2'>
												上传图片
											</view>
											<view class="arrangementBtn" @click="uploadTask(index,i,v,item.id)"
												v-if='v.ok==1'>
												查看图片
											</view>
										</view>
										<view v-else>
											<!-- <view class="arrangementBtn" @click="uploadTask(index,i,v,item.id)"
												v-if="v.taskName!='复尺方案'&&v.taskName!='材料清单'">
												查看图片
											</view> -->
											<view class="arrangementBtn" @click="uploadTask(index,i,v,item.id)"
												v-if='(v.ok==0 || v.ok== 2) && (info.supplierState === 5 || info.supplierState === 6 ) '>
												上传图片
											</view>
											<view class="arrangementBtn" @click="uploadTask(index,i,v,item.id)"
												v-if='v.ok==1 '>
												查看图片
											</view>
										</view>
									</view>
									<view class="tag11" v-if="item.complete==0">
										未完成
									</view>
									<view class="tag11" v-if="item.complete==1" style="background-color: #e94242;">
										待整改
									</view>

									<view class="tag11" style="background-color: #e94242;" v-if="item.complete==2">
										已逾期
									</view>

									<view class="tag11" style="background-color: #80c342;" v-if="item.complete==4">
										已完成
									</view>

									<img v-if="item.complete==2"
										src="https://renovationcdn.jiachuangnet.com/details1/yuqi.png" alt=""
										style="position: absolute; width: 116rpx;height: 100rpx;top: 14rpx;right: 159rpx;" />
									<img v-if="item.complete==4"
										src="https://renovationcdn.jiachuangnet.com/index/yiwancheng.png" alt=""
										style="position: absolute; width: 116rpx;height: 100rpx;top: 14rpx;right: 159rpx;" />
								</view>
								<u-button style="height: 88rpx;" color='#13989a' @click="submit111"
									v-if="info.supplierTaskState!=1&&loginType==11 && false">确认完成</u-button>
							</u-collapse-item>
							
							<u-collapse-item title="货架每天任务详情" name="Numerous tools" v-if="info.list3 && subsectionListType == 3 && false">
								<view class="taskList_wrapper_item" v-for="(item,index) in info.list3" :key="index">
									<view class="day">
										<img src="https://renovationcdn.jiachuangnet.com/details1/day.png" alt=""
											v-if="item.complete==2"
											style="width: 34rpx;height: 36rpx;margin-right: 18rpx;" />
										<img src="https://renovationcdn.jiachuangnet.com/details1/day2.png" alt=""
											v-else style="width: 34rpx;height: 36rpx;margin-right: 18rpx;" />
										{{ item.assignTaskList.name }}
										<text style="margin-left: 38rpx;font-weight: 500;"
											v-if="item.todayTime">{{item.todayTime.split(' ')[0].replace(/-/g, '.')}}</text>
									</view>
									<view :class="[i==item.assignTaskList.task.length-1?'content_end':' ','content']"
										v-for="(v,i) in item.assignTaskList.task" :key="i">
										<view class="flex" style="align-items: center;">
											<view class="solit"></view>
											<view style="margin-right: 18rpx;color: #e94242;" v-if="v.ok == 2" >
												{{v.taskName }}
											</view>
											<view v-else style="margin-right: 18rpx;">
												{{v.taskName}}
											</view>
											<!-- <view class="tag_wrapper" >
												<view v-for="(tag,j) in taskAssignmentList[index].taskList" class="" :key="j">
													<view class="tag_item" v-if="tag.taskId==v.taskId">
														<u-tag :text="tag.userName"  size="mini"   bgColor="#e7f4f5" color="#13989A" borderColor="#e7f4f5"></u-tag>
													</view>
												</view>
											</view> -->
										</view>
										<!-- <view class="arrangementBtn" v-if="item.complete==0||item.complete==2" @click="changeUser(v.taskId,item.id)">
											分配师傅
										</view> -->
										<view v-if="loginType==11">
											<view class="arrangementBtn" @click="uploadTask(index,i,v,item.id)"
												v-if='v.ok==0 || v.ok== 2'>
												上传图片
											</view>
											<view class="arrangementBtn" @click="uploadTask(index,i,v,item.id)"
												v-if='v.ok==1'>
												查看图片
											</view>
										</view>
										<view v-else>
											<view class="arrangementBtn" @click="uploadTask(index,i,v,item.id)"
												v-if="v.taskName!='复尺方案'&&v.taskName!='材料清单'">
												查看图片
											</view>
										</view>
									</view>
									<view class="tag11" v-if="item.complete==1" style="background-color: #e94242;">
										待整改
									</view>

									<view class="tag11" v-if="item.complete==0">
										未完成
									</view>

									<view class="tag11" style="background-color: #e94242;" v-if="item.complete==2">
										已逾期
									</view>

									<view class="tag11" style="background-color: #80c342;" v-if="item.complete==4">
										已完成
									</view>

									<img v-if="item.complete==2"
										src="https://renovationcdn.jiachuangnet.com/details1/yuqi.png" alt=""
										style="position: absolute; width: 116rpx;height: 100rpx;top: 14rpx;right: 159rpx;" />
									<img v-if="item.complete==4"
										src="https://renovationcdn.jiachuangnet.com/index/yiwancheng.png" alt=""
										style="position: absolute; width: 116rpx;height: 100rpx;top: 14rpx;right: 159rpx;" />
								</view>
								<u-button style="height: 88rpx;" color='#13989a' @click="submit111"
									v-if="info.supplierTaskState!=1&&loginType==11 && false">确认完成</u-button>
							</u-collapse-item>
							<u-collapse-item title="监控每天任务详情" name="Variety components" v-if="info.list4 && subsectionListType == 4 && false">
								<view class="taskList_wrapper_item" v-for="(item,index) in info.list4" :key="index">
									<view class="day">
										<img src="https://renovationcdn.jiachuangnet.com/details1/day.png" alt=""
											v-if="item.complete==2"
											style="width: 34rpx;height: 36rpx;margin-right: 18rpx;" />
										<img src="https://renovationcdn.jiachuangnet.com/details1/day2.png" alt=""
											v-else style="width: 34rpx;height: 36rpx;margin-right: 18rpx;" />
										{{ item.assignTaskList.name }}
										<text style="margin-left: 38rpx;font-weight: 500;"
											v-if="item.todayTime">{{item.todayTime.split(' ')[0].replace(/-/g, '.')}}</text>
									</view>
									<view :class="[i==item.assignTaskList.task.length-1?'content_end':' ','content']"
										v-for="(v,i) in item.assignTaskList.task" :key="i">
										<view class="flex" style="align-items: center;">
											<view class="solit"></view>
											<view style="margin-right: 18rpx;color: #e94242;" v-if="v.ok == 2" >
												{{v.taskName }}
											</view>
											<view v-else style="margin-right: 18rpx;">
												{{ v.taskName }}
											</view>
											<!-- <view class="tag_wrapper" >
											<view v-for="(tag,j) in taskAssignmentList[index].taskList" class="" :key="j">
												<view class="tag_item" v-if="tag.taskId==v.taskId">
													<u-tag :text="tag.userName"  size="mini"   bgColor="#e7f4f5" color="#13989A" borderColor="#e7f4f5"></u-tag>
												</view>
											</view>
										</view> -->
										</view>
										<!-- <view class="arrangementBtn" v-if="item.complete==0||item.complete==2" @click="changeUser(v.taskId,item.id)">
										分配师傅
									</view> -->
										<view v-if="loginType==11">
											<view class="arrangementBtn" @click="uploadTask(index,i,v,item.id)"
												v-if='v.ok==0 || v.ok== 2'>
												上传图片
											</view>
											<view class="arrangementBtn" @click="uploadTask(index,i,v,item.id)"
												v-if='v.ok==1'>
												查看图片
											</view>
										</view>
										<view v-else>
											<view class="arrangementBtn" @click="uploadTask(index,i,v,item.id)"
												v-if="v.taskName!='复尺方案'&&v.taskName!='材料清单'">
												查看图片
											</view>
										</view>
									</view>
									<view class="tag11" v-if="item.complete==0">
										未完成
									</view>

									<view class="tag11" v-if="item.complete==1" style="background-color: #e94242;">
										待整改
									</view>

									<view class="tag11" style="background-color: #e94242;" v-if="item.complete==2">
										已逾期
									</view>

									<view class="tag11" style="background-color: #80c342;" v-if="item.complete==4">
										已完成
									</view>

									<img v-if="item.complete==2"
										src="https://renovationcdn.jiachuangnet.com/details1/yuqi.png" alt=""
										style="position: absolute; width: 116rpx;height: 100rpx;top: 14rpx;right: 159rpx;" />
									<img v-if="item.complete==4"
										src="https://renovationcdn.jiachuangnet.com/index/yiwancheng.png" alt=""
										style="position: absolute; width: 116rpx;height: 100rpx;top: 14rpx;right: 159rpx;" />
								</view>
								<u-button style="height: 88rpx;" color='#13989a' @click="submit111"
									v-if="info.supplierTaskState!=1&&loginType==11 && false">确认完成</u-button>
							</u-collapse-item>
							<u-collapse-item title="门窗每天任务详情" name="Variety components" v-if="info.list5 && subsectionListType == 5 && false">
								<view class="taskList_wrapper_item" v-for="(item,index) in info.list5" :key="index">
									<view class="day">
										<img src="https://renovationcdn.jiachuangnet.com/details1/day.png" alt=""
											v-if="item.complete==2"
											style="width: 34rpx;height: 36rpx;margin-right: 18rpx;" />
										<img src="https://renovationcdn.jiachuangnet.com/details1/day2.png" alt=""
											v-else style="width: 34rpx;height: 36rpx;margin-right: 18rpx;" />
										{{ item.assignTaskList.name }}
										<text style="margin-left: 38rpx;font-weight: 500;"
											v-if="item.todayTime">{{item.todayTime.split(' ')[0].replace(/-/g, '.')}}</text>
									</view>
									<view :class="[i==item.assignTaskList.task.length-1?'content_end':' ','content']"
										v-for="(v,i) in item.assignTaskList.task" :key="i">
										<view class="flex" style="align-items: center;">
											<view class="solit"></view>
											<view style="margin-right: 18rpx;color: #e94242;" v-if="v.ok == 2" >
												{{v.taskName }}
											</view>
											<view v-else style="margin-right: 18rpx;">
												{{ v.taskName }}
											</view>
											<!-- <view class="tag_wrapper" >
											<view v-for="(tag,j) in taskAssignmentList[index].taskList" class="" :key="j">
												<view class="tag_item" v-if="tag.taskId==v.taskId">
													<u-tag :text="tag.userName"  size="mini"   bgColor="#e7f4f5" color="#13989A" borderColor="#e7f4f5"></u-tag>
												</view>
											</view>
										</view> -->
										</view>
										<!-- <view class="arrangementBtn" v-if="item.complete==0||item.complete==2" @click="changeUser(v.taskId,item.id)">
										分配师傅
									</view> -->
										<view v-if="loginType==11">
											<view class="arrangementBtn" @click="uploadTask(index,i,v,item.id)"
												v-if='v.ok==0 || v.ok== 2'>
												上传图片
											</view>
											<view class="arrangementBtn" @click="uploadTask(index,i,v,item.id)"
												v-if='v.ok==1'>
												查看图片
											</view>
										</view>
										<view v-else>
											<view class="arrangementBtn" @click="uploadTask(index,i,v,item.id)"
												v-if="v.taskName!='复尺方案'&&v.taskName!='材料清单' && v.ok == 1">
												查看图片
											</view>
											<view class="arrangementBtn" @click="uploadTask(index,i,v,item.id)"
												v-if="v.taskName!='复尺方案'&&v.taskName!='材料清单' && v.ok != 1">
												上传图片
											</view>
										</view>
									</view>
									<view class="tag11" v-if="item.complete==0">
										未完成
									</view>
							
									<view class="tag11" v-if="item.complete==1" style="background-color: #e94242;">
										待整改
									</view>
							
									<view class="tag11" style="background-color: #e94242;" v-if="item.complete==2">
										已逾期
									</view>
							
									<view class="tag11" style="background-color: #80c342;" v-if="item.complete==4">
										已完成
									</view>
							
									<img v-if="item.complete==2"
										src="https://renovationcdn.jiachuangnet.com/details1/yuqi.png" alt=""
										style="position: absolute; width: 116rpx;height: 100rpx;top: 14rpx;right: 159rpx;" />
									<img v-if="item.complete==4"
										src="https://renovationcdn.jiachuangnet.com/index/yiwancheng.png" alt=""
										style="position: absolute; width: 116rpx;height: 100rpx;top: 14rpx;right: 159rpx;" />
								</view>
								<u-button style="height: 88rpx;" color='#13989a' @click="submit111"
									v-if="info.supplierTaskState!=1&&loginType==11 && false">确认完成</u-button>
							</u-collapse-item>
							<u-collapse-item title="广告每天任务详情" name="Variety components" v-if="info.list6 && subsectionListType == 6 && false">
								<view class="taskList_wrapper_item" v-for="(item,index) in info.list6" :key="index">
									<view class="day">
										<img src="https://renovationcdn.jiachuangnet.com/details1/day.png" alt=""
											v-if="item.complete==2"
											style="width: 34rpx;height: 36rpx;margin-right: 18rpx;" />
										<img src="https://renovationcdn.jiachuangnet.com/details1/day2.png" alt=""
											v-else style="width: 34rpx;height: 36rpx;margin-right: 18rpx;" />
										{{ item.assignTaskList.name }}
										<text style="margin-left: 38rpx;font-weight: 500;"
											v-if="item.todayTime">{{item.todayTime.split(' ')[0].replace(/-/g, '.')}}</text>
									</view>
									<view :class="[i==item.assignTaskList.task.length-1?'content_end':' ','content']"
										v-for="(v,i) in item.assignTaskList.task" :key="i">
										<view class="flex" style="align-items: center;">
											<view class="solit"></view>
											<view style="margin-right: 18rpx;color: #e94242;" v-if="v.ok == 2" >
												{{v.taskName }}
											</view>
											<view v-else style="margin-right: 18rpx;">
												{{ v.taskName }}
											</view>
											<!-- <view class="tag_wrapper" >
											<view v-for="(tag,j) in taskAssignmentList[index].taskList" class="" :key="j">
												<view class="tag_item" v-if="tag.taskId==v.taskId">
													<u-tag :text="tag.userName"  size="mini"   bgColor="#e7f4f5" color="#13989A" borderColor="#e7f4f5"></u-tag>
												</view>
											</view>
										</view> -->
										</view>
										<!-- <view class="arrangementBtn" v-if="item.complete==0||item.complete==2" @click="changeUser(v.taskId,item.id)">
										分配师傅
									</view> -->
										<view v-if="loginType==11">
											<view class="arrangementBtn" @click="uploadTask(index,i,v,item.id)"
												v-if='v.ok==0 || v.ok== 2'>
												上传图片
											</view>
											<view class="arrangementBtn" @click="uploadTask(index,i,v,item.id)"
												v-if='v.ok==1'>
												查看图片
											</view>
										</view>
										<view v-else>
											<view class="arrangementBtn" @click="uploadTask(index,i,v,item.id)"
												v-if="v.taskName!='复尺方案'&&v.taskName!='材料清单' && v.ok == 1">
												查看图片
											</view>
											<view class="arrangementBtn" @click="uploadTask(index,i,v,item.id)"
												v-if="v.taskName!='复尺方案'&&v.taskName!='材料清单' && v.ok != 1">
												上传图片
											</view>
										</view>
									</view>
									<view class="tag11" v-if="item.complete==0">
										未完成
									</view>
							
									<view class="tag11" v-if="item.complete==1" style="background-color: #e94242;">
										待整改
									</view>
							
									<view class="tag11" style="background-color: #e94242;" v-if="item.complete==2">
										已逾期
									</view>
							
									<view class="tag11" style="background-color: #80c342;" v-if="item.complete==4">
										已完成
									</view>
							
									<img v-if="item.complete==2"
										src="https://renovationcdn.jiachuangnet.com/details1/yuqi.png" alt=""
										style="position: absolute; width: 116rpx;height: 100rpx;top: 14rpx;right: 159rpx;" />
									<img v-if="item.complete==4"
										src="https://renovationcdn.jiachuangnet.com/index/yiwancheng.png" alt=""
										style="position: absolute; width: 116rpx;height: 100rpx;top: 14rpx;right: 159rpx;" />
								</view>
								<u-button style="height: 88rpx;" color='#13989a' @click="submit111"
									v-if="info.supplierTaskState!=1&&loginType==11 && false">确认完成</u-button>
							</u-collapse-item>
						</u-collapse>
					</view>
				</view>

			</view>
			<template v-if="subsectionListType === 1">
				<view class="bottom"  :style="{paddingBottom: bottom+'px'}"
					style="width:calc(650rpx);padding:0 50rpx;padding-top: 20rpx;" v-if="loginType==3&&info&&info.status<8">
					<u-button style="height: 88rpx;" color='#13989a' @click="submit111" :loading="loading">确认完成</u-button>
				</view>
			</template>
			<template v-else>
				<view class="bottom"  :style="{paddingBottom: bottom+'px'}"
					style="width:calc(650rpx);padding:0 50rpx;padding-top: 20rpx;" v-if="info&&info.supplierState==5">
					<u-button v-if="info&&info.supplierState==5" style="height: 88rpx;" color='#13989a' @click="submit111" :loading="loading">确认完成</u-button>
				</view>
			</template>
			
			<u-popup :show="warehouseShow" @close="warehouseShow=false" round="10" mode="center">
				<view class="overdueForm" style="padding-top: 20rpx;">
					<view style="text-align: center;font-size: 30rpx;margin-bottom: 50rpx;">
						请确认店铺发货仓库
					</view>
					<view class="flex alignItem bewteen" style="margin-bottom: 50rpx;width: 65vw;">
						<view class="label" style="width:160rpx">发货仓库：</view>
						<uni-data-select style="width: 80%;" v-model="warehouseValue" :localdata="warehouseRange"
							></uni-data-select>
							<!-- @change="change" -->
					</view>
					<view class="flex">
						<view style="margin-right: 20rpx;flex: 1;">
							<u-button style="height: 88rpx;" @click="warehouseShow=false">取消</u-button>
						</view>
						<view style="flex: 1;">
							<u-button style="height: 88rpx;" color='#13989a'
								@click="updateConfirmTaskStatusDto">确认</u-button>
						</view>
					</view>
				</view>
			</u-popup>
			<u-popup :show="showUploadImage" @close="showUploadImageClose" round="10" mode="bottom">
				<view class="overdueForm">
					<view class="overdueForm_title">
						<text>任务完成</text>
					</view>
					<text style="color: #cb2d01;padding-right: 5rpx;">*</text><text>上传图片:</text>
					<view style="width: 100%;height: 20rpx;"></view>
				     <!-- 未完成 -->
					 <template v-if="showUploadImage&&loginType!=11">
						 
						 <!-- 装修 -->
						 <upload 
						 v-if="subsectionListType === 1"
						 	:disabled="((info.status>=8  || ![3].includes(loginType)) && ok != 2)"
						 	:maxCount="( ok === 0 || ok === 2  || ((loginType==3)&&info.status<=8 ))?20:fileListInit.length"
						 	:deletable="(loginType==3)&&info.status<=8" :fileListInit="fileListInit" name="overImage"
						 	@uploadFile="uploadOverImge"></upload>
							
							<!-- 其他五个流程 -->
							<upload
							  v-if="subsectionListType != 1"
								:disabled="(!(info.supplierState <7 || info.supplierState == 7) && !(ok === 0 || ok === 2))"
								:maxCount="( ok === 0 || ok === 2  || ((loginType==3)&&(info.supplierState == 5 || (info.supplierState == 6 ||  info.supplierState == 7)) ))?20:fileListInit.length"
								:deletable="(loginType==3)&&(info.supplierState <7 || info.supplierState == 7)" :fileListInit="fileListInit" name="overImage"
								@uploadFile="uploadOverImge"></upload>
					 </template>
					 <template v-if="showUploadImage&&loginType==11">
					 		<!-- <upload 
					 			:disabled="!(loginType === 11 && info.status <= 5 && (info.supplierTaskState === 0 || ok == 0 || ok == 2))"
					 			:maxCount="(loginType === 11 && info.status >= 6 && (info.supplierTaskState === 0 || ok == 0 ||  ok == 2)) ? 20 : fileListInit.length"
					 			:deletable="loginType === 11 && info.status >= 6 && (info.supplierTaskState === 0 || ok == 0 || ok == 2)"
					 			:fileListInit="fileListInit" name="overImage" @uploadFile="uploadOverImge" />		 -->	
									 
							<!-- 其他五个流程 -->
							<upload
							  v-if="subsectionListType != 1"
								:disabled="(!(info.supplierState <7 || info.supplierState == 7) && !(ok === 0 || ok === 2))"
								:maxCount="( ok === 0 || ok === 2  || ((loginType==3)&&(info.supplierState <7 || info.supplierState == 7) ))?20:fileListInit.length"
								:deletable="(loginType==3)&&(info.supplierState <7 || info.supplierState == 7)" :fileListInit="fileListInit" name="overImage"
								@uploadFile="uploadOverImge"></upload>		 
					 </template>
					 
					
					
					
                      <!-- 供应商 -->

					<!-- 回显整改建议和整改图片 -->
					<template v-if="(ok === 0 || ok === 2) &&  (loginType==3 || loginType==11)">
						<text style="color: #cb2d01;padding-right: 5rpx;">*</text><text>待整改图片:</text>
						<view style="width: 100%;height: 20rpx;"></view>
						<upload
						v-if="correctionData.length"
							:maxCount="0"
							:deletable="false"
							:disabled="false"
							 :fileListInit="correctionData" name="overImage"
							@uploadFile="uploadOverImge"></upload>
						
						<text style="color: #cb2d01;padding-right: 5rpx;">*</text><text>整改建议:</text>
						<view style="width: 100%;height: 20rpx;"></view>	
						<view style="color: red;margin-left: 18rpx;">{{remark || '暂无'}}</view>	
					</template>
					
					

					<!-- <u-upload :fileList="fileList1" @afterRead="afterRead" @delete="deletePic" name="1" multiple
						:maxCount="10"></u-upload> -->
					<view style="width: 100%;height: 50rpx;"></view>
					<!-- 其他角色的 -->
					<template v-if="loginType != 11">
						<template v-if="subsectionListType === 1">
							<view style="width:415rpx;margin:0 auto;margin-top: 25rpx;padding-bottom:25rpx">
								<u-button shape="circle" color='linear-gradient(132deg, #02ABC7, #01C9A3)' @click="submitImg"
									v-if="loginType != 11 && ((loginType==3&&( ok==2 || ok==0)) || info.status<8)"> 保存</u-button>
							</view>
						</template>
						<template v-else>
							<view style="width:415rpx;margin:0 auto;margin-top: 25rpx;padding-bottom:25rpx">
								<u-button shape="circle" color='linear-gradient(132deg, #02ABC7, #01C9A3)' @click="submitImg"
									v-if=" ((loginType==3&&(ok==2 || ok==0) ) || info.supplierTaskState == 5)"> 保存</u-button>
							</view>
						</template>
					</template>
					<template v-else>
						<!-- 供应商/加盟商 -->
						<view style="width:415rpx;margin:0 auto;margin-top: 25rpx;padding-bottom:25rpx">
							<u-button shape="circle" color='linear-gradient(132deg, #02ABC7, #01C9A3)' @click="submitImg"
								v-if="loginType==11 && (ok==2 || info.supplierTaskState!=1) "> 保存</u-button>
						</view>
					</template>
					
				
				</view>
			</u-popup>
			<u-popup :show="showBillMaterials" @close="showBillMaterials=false" round="10" mode="bottom">
				<view class="overdueForm" style="max-height: 65vh;overflow-y: scroll;">
					<view class="overdueForm_title" style="font-size: 30rpx;">
						<text>材料清点</text>
					</view>
					<view v-if="!billMaterialsIsDisable">
						<!-- 全选复选框 -->
						<view style="margin-bottom: 20rpx;">
							<u-checkbox-group v-model="allSelected" @change="handleSelectAll" activeColor="#02afc1">
								<u-checkbox :name="true" label="一键全选" labelColor="#1877f2"></u-checkbox>
							</u-checkbox-group>
						</view>

						<!-- 列表项 -->
						<u-checkbox-group v-model="selectedList" activeColor="#02afc1" placement="column">
							<view class="checkboxItem" v-for="item in list" :key="item.id">
								<u-checkbox :name="item.id" :label="item.combinedValue"></u-checkbox>
							</view>
						</u-checkbox-group>
					</view>
					<view v-else>
						<view style="font-size: 30rpx;">
							材料清单：
						</view>
						<view class="checkboxItem" v-for="item in list" :key="item.id">
							{{item.combinedValue}}
						</view>
					</view>
					<view style="font-size: 30rpx;">
						材料清单图：<text style="color:red;margin-right: 10rx;" v-if="!billMaterialsIsDisable">*</text>
					</view>
					<upload v-if="showBillMaterials" :disabled="loginType!=3||billMaterialsIsDisable"
						:maxCount="(loginType==3&&!billMaterialsIsDisable)?20:fileListInit.length"
						:deletable="loginType==3&&!billMaterialsIsDisable" :fileListInit="fileListInit" name="overImage"
						@uploadFile="uploadOverImge"></upload>
					<view style="width: 100%;height: 50rpx;"></view>
					<view style="width:415rpx;margin:0 auto;margin-top: 25rpx;padding-bottom:25rpx">
						<u-button shape="circle" color='linear-gradient(132deg, #02ABC7, #01C9A3)' @click="submitImg1"
							v-if="loginType==3&&!billMaterialsIsDisable"> 清点完成</u-button>
					</view>
				</view>
			</u-popup>
			<u-popup :show="showDownLoad" @close="showDownLoad=false" round="10">
				<view style="margin-bottom: 100rpx;" v-if="brandPartyId!=1">
					<view class="btn" v-if="info.dxfUrl" @click="downLoad(info.dxfUrl,0)">
						初尺图
					</view>
					<view class="btn" v-if="info.scaleDxfUrl" @click="downLoad(info.scaleDxfUrl,1)">
						复尺室内材料
					</view>
					<view class="btn" v-if="info.scaleDxfUrl2" @click="downLoad(info.scaleDxfUrl2,2)">
						复尺室外地砖
					</view>
					<view class="btn" v-if="info.scaleDxfUrl3" @click="downLoad(info.scaleDxfUrl3,3)">
						复尺室外吊顶
					</view>
					<view class="btn" v-if="info.designDrawing" @click="downLoad(info.designDrawing,4)">
						设计图
					</view>
					<view class="btn" v-if="info.endDrawing" @click="downLoad(info.endDrawing,5)">
						复尺设计图
					</view>
				</view>
				<view style="margin-bottom: 100rpx;" v-else>
					<view class="btn" v-if="info.dxfUrl" @click="downLoad(info.dxfUrl,0)">
						初尺图
					</view>
					<view class="btn" v-if="info.scaleDxfUrl" @click="downLoad(info.scaleDxfUrl,1)">
						复尺1
					</view>
					<view class="btn" v-if="info.scaleDxfUrl2" @click="downLoad(info.scaleDxfUrl2,2)">
						复尺2
					</view>
					<view class="btn" v-if="info.scaleDxfUrl3" @click="downLoad(info.scaleDxfUrl3,3)">
						复尺3
					</view>
					<view class="btn" v-if="info.designDrawing" @click="downLoad(info.designDrawing,4)">
						设计图
					</view>
					<view class="btn" v-if="info.endDrawing" @click="downLoad(info.endDrawing,5)">
						复尺设计图
					</view>
				</view>
			</u-popup>
		</view>

	</view>
</template>

<script>
	import {
		warn
	} from "vue";
	import index from '../../uni_modules/uview-ui';
	import formItem from '../../uni_modules/uview-ui/libs/config/props/formItem';
	import list from '../../uni_modules/uview-ui/libs/config/props/list';
	// import upload from '../../uni_modules/uview-ui/libs/config/props/upload';
	

	let app = getApp();
	export default {
		data() {
			return {
				checkTaskItem:null,
				warehouseValue: null,//选择的仓库
				warehouseShow:false,
				warehouseRange: [],//仓库列表
				
				subsectionCurrent:0,
				subsectionList:[],
				subsectionListType:0,//订单流程类型  1装修 2冷链 3货架 4监控 5门窗、收银台 6广告 7充电宝 8烤肠机
				
				correctionData:[], //整改图片的数组
				remark:'', //不合格的时候整改建议
				ok: 0, // 等于2上传图片
				list: [],
				color: app.globalData.defaultColor,
				selectedList: [], // 已选中的项
				allSelected: [], // 全选状态
				showBillMaterials: false,
				billMaterialsIsDisable: null,
				showDownLoad: false,
				fileListInit: [],
				loading: false,
				assignTaskId: 0,
				info: null,
				showUploadImage: false,
				bottom: app.globalData.safeBottom,
				brandPartyId: 0,
				currentTask: 0,
				uploadIndex: 0,
				loginType: null,
				overImge: [],
				taskAssignmentList: [],
				isCheck: false,
				taskList: [],
				shelvesPrice: '', //货架价格
				monitorPrice: '', //监控价格
				coldChainPrice: '', //冷链价格
				shelvesValue: '', //货架价格
				monitorValue: '', //监控价格
				coldChainValue: 1,
				deviceStatus: true,
				shelvesRange: [{
						value: 0,
						text: "深圳七加壹创新科技有限公司"
					},
					{
						value: 1,
						text: "重庆时尚货架有限公司"
					},


				],
				monitorRange: [{
						value: 0,
						text: "深圳七加壹创新科技有限公司"
					},
					{
						value: 1,
						text: "重庆时尚货架有限公司"
					},

				],
				coldChainRange: [{
						value: 0,
						text: "深圳七加壹创新科技有限公司"
					},
					{
						value: 1,
						text: "重庆时尚货架有限公司"
					},

				],
				totay: 0,
				workerList: [],
				id: 0,
				taskStateList: [{
					name: '全部',
					badge: {
						value: 5,
					}
				}, {
					name: '待开始'
				}, {
					name: '进行中'
				}, {
					name: '待验收'
				}, {
					name: '已逾期'
				}]
			}
		},
		onLoad(option) {
			this.assignTaskId = option.assignTaskId;
			if (option.brandPartyId) {
				this.brandPartyId = option.brandPartyId
			}
			this.loginType = uni.getStorageSync('loginType')
			if (option.isCheck) {
				this.isCheck = option.isCheck
				let app = getApp();
				this.taskAssignmentList = app.globalData.taskAssignmentList
			}
			this.getSubsectionList()
		},
		onShow() {
			
			// this.getTaskProgressVo()  
			
			// this.getBrandDecorationWorkerByTaskId()
			// this.getOtherCompanyList()
		},
		computed:{
			fifterTextTitle(){
				if(this.subsectionListType === 2){
					return "冷链每天任务详情"
				}else if(this.subsectionListType === 3){
					return "货架每天任务详情"
				}else if(this.subsectionListType === 4){
					return "监控每天任务详情"
				}else if(this.subsectionListType === 5){
					return "门窗每天任务详情"
				}else if(this.subsectionListType === 6){
					return "广告每天任务详情"
				}else if(this.subsectionListType === 7){
					return "充电宝每天任务详情"
				}else if(this.subsectionListType === 8){
					return "烤肠机每天任务详情"
				}
			},
		},
		watch: {
			// 自动更新全选状态
			selectedList: {
				handler(newVal) {
					this.allSelected = [newVal.length === this.list.length]
				},
				deep: true
			}
		},
		methods: {
			
			sureCreatOrder(){
				uni.showModal({
					title: '提示:',
					content: '确认后无法修改',
					success: (res) => {
						uni.$u.http.post('/assign/updateConfirmTaskStatusDto', {
							assignTaskId: this.assignTaskId,
							supplierType:this.subsectionListType
						}).then(res => {
							if (res) {
								uni.showToast({
									title: '确认成功',
									duration: 1000,
									mask: true,
									success: () => {
										setTimeout(() => {
											this.getSubsectionList()
											this.warehouseShow = false
										}, 1000)
									}
								});
							}
						})
					}
				})	
			},
			
			
			updateConfirmTaskStatusDto() {
				if (this.warehouseValue) {
					uni.showModal({
						title: '提示:',
						content: '确认后无法修改',
						success: (res) => {
							if (res.confirm) {
								uni.$u.http.post('/assign/updateAreaId', {
									assignTaskId: this.assignTaskId,
									areaId: this.warehouseValue
								}).then(res => {
									if (res) {
										uni.$u.http.post('/assign/updateConfirmTaskStatusDto', {
											assignTaskId: this.assignTaskId,
											supplierType:this.subsectionListType,
											status: 1
										}).then(res => {
											if (res) {
												uni.showToast({
													title: '确认成功',
													duration: 1000,
													mask: true,
													success: () => {
														setTimeout(() => {
															this.getSubsectionList()
														}, 1000)
													}
												});
											}
										})
									}
								})
							} else if (res.cancel) {
								uni.$u.toast('取消确认 :)');
							}
			
						}
					})
				} else {
					uni.$u.toast('请选择仓库 :)');
				}
			},
			getAreaList() {
				uni.$u.http.get('/assign/getAreaList', {
					params: {
						brandPartyId:this.info.brandPartyId
					}
				}).then(res => {
					console.log(res, '获取仓库列表')
					if (res) {
						this.warehouseRange = res.map((item, index) => {
							return {
								value: item.areaId,
								text: item.areaName
							}
						})
					}
				})
			},
			submitWarehouse() {
				this.warehouseShow = true
				// this.warehouseShowIsAssignId = assignTaskId
				// this.warehouseValue = warehouseValue
				this.getAreaList()
			},
			
			assignStartWork() {
				uni.$u.http.post('/assign/startWork', {
					assignTaskId:this.assignTaskId,
					supplierType:this.subsectionListType
				}).then(res => {
					console.log('KAIGONG',res);
					if (res) {
						// 刷新页面
						this.getSubsectionList()
						uni.showToast({
							title: '开工成功',
							duration: 1000,
							mask: true,
							complete: () => {
								
							}
						});
					}
				})
			},
			getSubsectionList(){
				uni.$u.http.get('/budget/getSupplierTypeVo',{params: {brandPartyId:this.brandPartyId}}).then(res =>{
					console.log('选项卡',res);
					if(res.length){
						if(this.subsectionCurrent == 0){
							this.subsectionListType = res[0].type
						}
						
						this.subsectionList = res
						this.getTaskProgressVo()
					}
					
				})
			},
			sectionChange(index){
				if(index != this.subsectionCurrent){
					this.subsectionCurrent = index
					this.subsectionListType = this.subsectionList[index].type
					this.getTaskProgressVo()
				} 
			},
			getOtherCompanyList() {
				
				// 后续加的
				this.getBrandTaskDetailById();
				return
				
				
				uni.$u.http.get('/company/getOtherCompanyList', {
					params: {
						companyType: 1 //1 冷链 2 货架 3 监控    
					}
				}).then(res => {
					if (res) {
						this.coldChainRange = res.map(item => {
							return {
								value: item.companyId,
								text: item.companyName
							}
						})
					}
				})
				uni.$u.http.get('/company/getOtherCompanyList', {
					params: {
						companyType: 2 //1 冷链 2 货架 3 监控    
					}
				}).then(res => {
					if (res) {
						this.shelvesRange = res.map(item => {
							return {
								value: item.companyId,
								text: item.companyName
							}
						})

					}
				})
				uni.$u.http.get('/company/getOtherCompanyList', {
					params: {
						companyType: 3 //1 冷链 2 货架 3 监控    
					}
				}).then(res => {
					if (res) {
						this.monitorRange = res.map(item => {
							return {
								value: item.companyId,
								text: item.companyName
							}
						})
					}
				}).then(res => {
					this.getBrandTaskDetailById();
				})
			},
			getBrandTaskDetailById() {
				uni.$u.http.get('/assign/getBrandTaskDetailById', {
					params: {
						assignTaskId: this.assignTaskId
					}
				}).then(res => {
					if (res) {
						this.monitorPrice = res.monitorMoney;
						this.coldChainPrice = res.coldMoney;
						this.shelvesPrice = res.goodsMoney;
						this.coldChainValue = res.coldCompanyId
						this.shelvesValue = res.goodsCompanyId
						this.monitorValue = res.monitorCompanyId
						this.info.designDrawing = res.designDrawing
						this.info.endDrawing = res.endDrawing
					}
				})
			},
			sbumitDevice() {
				uni.$u.http.post('/assign/updateOtherCompanyInfo', {
					assignTaskId: this.assignTaskId,
					coldCompanyId: this.coldChainValue,
					goodsCompanyId: this.shelvesValue,
					monitorCompanyId: this.monitorValue,
					coldMoney: this.coldChainPrice,
					goodsMoney: this.shelvesPrice,
					monitorMoney: this.monitorPrice
				}).then(res => {
					if (res) {
						uni.$u.toast('保存成功！');
						this.deviceStatus = true
						this.getBrandTaskDetailById();
					}
				})
			},
			shelvesChange(e) {
				console.log(e)
			},
			monitorChange(e) {
				console.log(e)
			},
			coldChainChange(e) {
				console.log(e)
			},
			getAuxiliaryMaterialRecord() {
				uni.$u.http.get('/auxiliary/getAuxiliaryMaterialRecord', {
					params: {
						assignTaskId: this.assignTaskId
					}
				}).then(res => {
					if (res) {
						this.list = res
					}
				})
			},
			getAuxiliaryMaterialVo() {
				uni.$u.http.get('/auxiliary/getAuxiliaryMaterialVo').then(res => {
					if (res) {
						this.list = res
					}
				})
			},
			// 全选/反选操作
			handleSelectAll(val) {
				this.selectedList = val[0] ?
					this.list.map(item => item.id) : []
			},
			openDownLoad() {
				if (this.info.scaleDxfUrl || this.info.scaleDxfUrl2 || this.info.scaleDxfUrl3 || this.info.dxfUrl || this
					.info.designDrawing || this.info.endDrawing) {
					this.showDownLoad = true
				} else {
					uni.$u.toast('未上传');
					this.showDownLoad = false
				}
				return

				// if (this.brandPartyId == 1) {
				// 	if (this.info.scaleDxfUrl || this.info.scaleDxfUrl2 || this.info.scaleDxfUrl3 || this.info.dxfUrl) {
				// 		this.showDownLoad = true
				// 	} else {
				// 		uni.$u.toast('未上传');
				// 		this.showDownLoad = false
				// 	}
				// 	return
				// }
				// if (this.brandPartyId == 2) {
				// 	if (this.info.dxfUrl) {
				// 		uni.showLoading({
				// 			title: 'CAD下载中...'
				// 		})
				// 		let fileName = this.info.assignName + '-初尺'

				// 		uni.downloadFile({
				// 			url: `https://${this.info.dxfUrl}`,
				// 			success: (res) => {
				// 				var filePath = res.tempFilePath;
				// 				uni.hideLoading();
				// 				this.shareFile(filePath, fileName);
				// 			},
				// 			fail: (res) => {
				// 				console.log(res)
				// 				uni.hideLoading();
				// 				uni.$u.toast('CAD下载失败,请联系管理员 :)');
				// 			}
				// 		});
				// 	} else {
				// 		uni.$u.toast('初尺未上传');
				// 	}
				// 	return
				// }

			},
			downLoad(url, index) {
				if (url) {
					uni.showLoading({
						title: 'CAD下载中...'
					})
					let fileName = this.info.assignName
					if (index == 1) {
						if (this.brandPartyId != 1) {
							fileName += '-复尺室内材料'
						} else {
							fileName += '-复尺1'
						}
					} else if (index == 2) {
						if (this.brandPartyId != 1) {
							fileName += '-复尺室外地砖'
						} else {
							fileName += '-复尺2'
						}
					} else if (index == 0) {
						fileName += '-初尺图'
					} else if (index == 3) {
						if (this.brandPartyId != 1) {
							fileName += '-复尺室外吊顶'
						} else {
							fileName += '-复尺3'
						}
					} else if (index == 4) {
						fileName += '-设计图'
					} else if (index == 5) {
						fileName += '-复尺设计图'
					}

					uni.downloadFile({
						url: `https://${url}`,
						success: (res) => {
							var filePath = res.tempFilePath;
							uni.hideLoading();
							this.shareFile(filePath, fileName);
						},
						fail: (res) => {
							console.log(res)
							uni.hideLoading();
							uni.$u.toast('CAD下载失败,请联系管理员 :)');
						}
					});
				} else {
					uni.$u.toast('CAD未上传');
				}
			},
			shareFile(tempFilePath, fileName) {
				// 微信小程序
				// #ifdef MP-WEIXIN
				if (wx.canIUse('shareFileMessage')) {
					wx.shareFileMessage({
						filePath: tempFilePath,
						fileName,
						success: () => {
							uni.showToast({
								title: '分享成功',
								icon: 'success'
							});
						},
						fail: (err) => {
							console.log(err)
							uni.showToast({
								title: '分享失败',
								icon: 'none'
							});
						}
					});
				} else {
					uni.showToast({
						title: '微信版本过低，不支持文件分享',
						icon: 'none'
					});
				}
				// #endif

				// App 端
				// #ifdef APP-PLUS
				uni.share({
					provider: 'weixin',
					type: 'file',
					filePath: tempFilePath,
					success: () => {
						uni.showToast({
							title: '分享成功',
							icon: 'success'
						});
					},
					fail: (err) => {
						uni.showToast({
							title: '分享失败',
							icon: 'none'
						});
					}
				});
				// #endif

			},
			startMeasuringFn(assignTaskId, storeType) {
				uni.navigateTo({
					url: `/packageA/pages/cad/index?id=${assignTaskId}&storeType=${storeType}&isFirst=2&brandPartyId=${this.brandPartyId}`
				})
			},
			toPathCreateTask(assignTaskId) {
				uni.navigateTo({
					url: `/packageA/pages/taskDetail/index?assignTaskId=${assignTaskId}`
				})
			},
			checkAccept(assignTaskId) {
				let isCheck = 1
				uni.navigateTo({
					url: `/pages/checkAccept/index?assignTaskId=${assignTaskId}&isCheck=${isCheck}`
				})
			},
			getBrandDecorationWorkerByTaskId() {
				uni.$u.http.get('/assign/getWorkerDetail', {
					params: {
						assignTaskId: this.assignTaskId,
					}
				}).then(res => {
					if (res) {
						this.workerList = res.map(item => {
							return {
								userId: item.userId,
								assignTaskId: this.assignTaskId,
								userName: item.nickName
							}
						})
					}
				})
			},
			submit111() {
				uni.$u.http.post('/assign/updateConfirmDto', {
					assignTaskId: this.assignTaskId,
					supplierType:this.subsectionListType
				}).then(res => {
					if (res) {
						uni.showToast({
							title: '保存成功',
							duration: 1000,
							mask: true,
							complete: () => {
								setTimeout(() => {
									uni.navigateTo({
										url: '/pages/settled/index'
									});
								}, 1000)
							}
						});
					}
				})
			},
			showUploadImageClose() {
				this.showUploadImage = false
			},
			submitImg() {
				if (this.overImge.length == 0) return uni.showToast({
					title: '图片上传中..',
					duration: 1000,
					mask: true,
					icon: 'error',
					complete: () => {}
				});
				this.taskList[this.totay].task[this.uploadIndex].images = this.overImge
				this.taskList[this.totay].task[this.uploadIndex].ok = 1
				uni.$u.http.post('/assign/updateAssignTaskDayDetails', {
					id: this.id,
					supplierType:this.subsectionListType,
					assignTaskId: this.assignTaskId,
					assignTaskList: {
						...this.taskList[this.totay]
					}
				}).then(res => {
					if (res) {
						this.overImge = []
						uni.showToast({
							title: '保存成功！',
							duration: 1000,
							mask: true,
							complete: () => {
								setTimeout(() => {
									this.showUploadImageClose()
									this.getTaskProgressVo()
								}, 1000)
							}
						});
					}

				})

			},
			submitImg1() {
				// 检测是否全部勾选，是否上传图片
				if (this.selectedList.length != this.list.length) {
					return uni.$u.toast('材料清单未全部勾选！');
				}
				if (this.overImge.length <= 0) {
					return uni.$u.toast('请上传材料清单图！');
				}
				this.taskList[this.totay].task[this.uploadIndex].images = this.overImge
				this.taskList[this.totay].task[this.uploadIndex].ok = 1
				uni.$u.http.post('/assign/updateAssignTaskDayDetails', {
					id: this.id,
					supplierType:this.subsectionListType,
					assignTaskId: this.assignTaskId,
					assignTaskList: {
						...this.taskList[this.totay]
					}
				}).then(res => {
					if (res) {
						uni.showToast({
							title: '清点成功！',
							duration: 1000,
							mask: true,
							complete: () => {
								setTimeout(() => {
									this.showBillMaterials = false
									this.getTaskProgressVo()
								}, 1000)
							}
						});
					}

				})

			},
			uploadOverImge(msg) {
				console.log('msg: ',msg);
				this.overImge = msg.files
			},
			uploadTask(index, i, v, id, ok) {
				console.log('uploadTask', v);
				
				if(this.subsectionListType === 1 && this.info.status === 5){
					return uni.$u.toast('待开工，请先点击开工按钮！');
				}
				if(this.subsectionListType != 1 && this.info.supplierState === 4){
					return uni.$u.toast('待开工，请先点击开工按钮！');
				}
				// console.log('ok=2', ok == 2);
				console.log('ok', index, i, v, id, ok);
				if (![3, 11].includes(this.loginType) && v.images.length == 0) {
					return uni.$u.toast('图片未上传！');
				}
				this.ok = v.ok
				this.id = id
				if(v.ok === 1){
					this.remark = ""
					this.correctionData = []
				}else {
					this.remark = v.remake
					this.correctionData = v.concealedScorePicture || []
				}
				console.log('v.images',this.remark,this.correctionData);
				this.fileListInit = v.images
				this.overImge = this.fileListInit
				this.totay = index
				this.uploadIndex = i
				
				this.taskList = []
				if(this.subsectionListType === 1){
					// this.checkTaskItem = this.info.list[index].assignTaskList
					this.taskList = (this.info.list).map(item => {
							return item.assignTaskList
						})
				}else if(this.subsectionListType != 1){
					this.taskList = (this.info.list2).map(item => {
							return item.assignTaskList
						})
				}
				// else if(this.subsectionListType === 3){
				// 	this.taskList = (this.info.list3).map(item => {
				// 			return item.assignTaskList
				// 		})
				// }else if(this.subsectionListType === 4){
				// 	this.taskList = (this.info.list4).map(item => {
				// 			return item.assignTaskList
				// 		})
				// }else if(this.subsectionListType === 5){
				// 	this.taskList = (this.info.list5).map(item => {
				// 			return item.assignTaskList
				// 		})
				// }else if(this.subsectionListType === 6){
				// 	this.taskList = (this.info.list6).map(item => {
				// 			return item.assignTaskList
				// 		})
				// }
				
				
				this.showUploadImage = true
				
				
				
			},
			uploadTaskSuppier(index, i, v, id) {
				this.id = id
				this.fileListInit = v.images
				this.totay = index
				this.uploadIndex = i
				this.showUploadImage = true
			},
			uploadTask1(index, i, v, id) {
				if (this.loginType != 3 && v.ok != 1) {
					return uni.$u.toast('材料尚未清点！');
				}
				this.id = id
				this.fileListInit = v.images
				this.totay = index
				this.uploadIndex = i
				this.billMaterialsIsDisable = v.ok == 1
				if (v.ok) {
					this.getAuxiliaryMaterialRecord()
				} else {
					this.getAuxiliaryMaterialVo()
				}
				this.showBillMaterials = true
			},
			submit() {
				if (this.loading) {
					return
				}
				this.loading = true
				let taskAssignmentList = JSON.parse(JSON.stringify(this.taskAssignmentList))
				let listTemp = taskAssignmentList.filter(item => {
					if (item.taskList.length) {
						return item
					}
				})
				let listTemp1 = listTemp.map(item => {
					item.taskList = item.taskList.map(item2 => {
						return {
							completeUserId: item2.completeUserId,
							taskId: Number(item2.taskId)
						}
					})
					return item
				})
				uni.$u.http.post('/assign/addAllocatingTask', {
					assignTaskId: this.assignTaskId,
					list: listTemp1
				}).then(res => {
					if (res) {
						uni.showToast({
							title: '分配保存成功',
							duration: 1000,
							mask: true,
							complete: () => {
								setTimeout(() => {
									this.loading = false
									uni.switchTab({
										url: '/pages/settled/index'
									});
								}, 1000)
							}
						});
					} else {
						uni.$u.toast('分配失败');
						this.loading = false
					}

					// uni.redirectTo({
					// 	url:`/pages/taskProgress/index?assignTaskId=${this.assignTaskId}`
					// })
				})

			},
			call() {
				uni.makePhoneCall({
					phoneNumber: this.info.managerPhone,
					success: (res) => {
						console.log(res)
					}
				})
			},
			changeUser(taskId, assignTaskDetailsId) {
				let app = getApp();
				// 初始化
				app.globalData.taskAssignmentList = this.taskAssignmentList
				// 保存起来
				// app.globalData.checkboxValue1=this.checkboxValue1

				uni.navigateTo({
					url: `/pages/taskAssignment/index?assignTaskDetailsId=${assignTaskDetailsId}&assignTaskId=${this.assignTaskId}&taskId=${taskId}`
				})
			},
			changeUser2() {
				let app = getApp();
				// 初始化
				app.globalData.taskAssignmentList = this.workerList
				// 保存起来
				// app.globalData.checkboxValue1=this.checkboxValue1

				uni.navigateTo({
					url: `/pages/taskAssignment/index?assignTaskId=${this.assignTaskId}&isSingle=${true}`
				})
			},
			toPath(url) {
				uni.navigateTo({
					url: `/pages/${url}/index?assignTaskId=${this.assignTaskId}&storeType=${this.info.storeType}&address=${this.info.address}&assignName=${this.info.assignName}`
				})
			},
			toPathB(url) {
				uni.navigateTo({
					url: `/packageB/pages/${url}/index?assignTaskId=${this.assignTaskId}&storeType=${this.info.storeType}&address=${this.info.address}&assignName=${this.info.assignName}`
				})
			},
			viewImage() {
				if (!this.info.cadUrl) {
					return uni.$u.toast('暂未上传 :)');
				}
				uni.previewImage({
					current: 0,
					urls: ['http://' + this.info.cadUrl],
					longPressActions: {
						itemList: ['保存图片'],
						success: data => {
							console.log('选中了第' + (data.tapIndex + 1) + '个按钮,第' + (data.index + 1) + '张图片');
							uni.closePreviewImage()
							/* 保存图片到系统相册 */
							if (data.tapIndex == 0) {
								uni.getImageInfo({
									src: 'http://' + url,
									success: function(res) {
										console.log(res)
										uni.saveImageToPhotosAlbum({ //保存图片到系统相册。
											filePath: res.path, //图片文件路径
											success: function() {
												uni.showToast({
													title: '图片保存成功',
													icon: 'none',
												});
											},
											fail: function(e) {
												console.log(e);
												uni.showToast({
													title: '图片保存失败',
													icon: 'none',
												});
											},
										});
									},
									fail: function(e) {
										console.log(e);
										uni.closePreviewImage()
										uni.showToast({
											title: '图片保存失败',
											icon: 'none',
										});
									},
								})
							}
						},
						fail: function(err) {
							console.log(err.errMsg);
						}
					}
				});
			},
			getTaskProgressVo() {
				uni.$u.http.get('/assign/getTaskProgressVo', {
					params: {
						supplierType:this.subsectionListType,
						assignTaskId: this.assignTaskId,
					}
				}).then(res => {
					if (res) {
						this.info = res
						this.taskList = (res.list || res.list2 || res.list3 || res.list4 || res.list5 || res.list6).map(item => {
							return item.assignTaskList
						})
						// if(!this.isCheck){
						// 	this.taskAssignmentList=res.list.map(item=>{
						// 		let arrList=[]
						// 		item.assignTaskList.task.forEach(v=>{
						// 			v.taskProgressDetailUserName.forEach(user=>{
						// 				arrList.push({
						// 					userName:user.userName,
						// 					completeUserId:user.userId,
						// 				})

						// 			})

						// 		})
						// 		return {
						// 			assignTaskId:this.assignTaskId,
						// 			assignTaskDetailsId:item.id,
						// 			taskList:arrList
						// 		}
						// 	})
						// }
					}

				})
			},
			changeTaskState(e) {
				console.log(e)
				// this.currentTask=index
			}
		}
	}
</script>

<style>
	::v-deep.u-subsection__item__text{
		text-align: center!important;
	}
</style>
<style lang="scss" scoped>
	
	.btnstateBtn {
		width: 150rpx;
		height: 60rpx;
		border-radius: 30rpx;
		text-align: center;
		line-height: 60rpx;
		// position: absolute;
		bottom: 20rpx;
		right: 20rpx;
		font-weight: 500;
		font-size: 28rpx;
	
	}
	.stateBtn {
		background: #E7F4F5;
		color: #13989a;
		border: 1rpx solid #13989a;
	}
	::v-deep.checkboxItem {
		height: 100rpx;
		display: flex;
		justify-content: center;
		align-items: center;
		background-color: #f5f5f5;
		border-radius: 20rpx;
		margin-bottom: 15rpx;

		.u-checkbox {
			width: 80%;
			display: flex;

			text {
				flex: 1;
				display: inline-block;
				text-align: center;
			}
		}
	}

	.btn {
		line-height: 100rpx;
		text-align: center;
		border-bottom: 1px solid #E5E5E5;
		font-weight: 500;
		font-size: 26rpx;
		color: #8A8A8A;
	}

	.tag11 {
		width: 110rpx;
		background: #13989A;
		border-radius: 0 20rpx 0 20rpx;
		position: absolute;
		line-height: 44rpx;
		box-sizing: border-box;
		color: #ffffff;
		text-align: center;
		top: 0;
		right: 0;
		font-size: 22rpx;
	}

	.overdueForm_title,
	.list_contruct_title {
		font-weight: 700;
		display: flex;
		justify-content: center;
	}

	.overdueForm {
		padding: 50rpx 15rpx;
	}

	.taskList_wrapper_item {
		background: #FFFFFF;
		border-radius: 20rpx;
		padding: 23rpx;
		position: relative;
		margin-bottom: 22rpx;
		font-weight: 500;
		font-size: 30rpx;
		color: #1E272E;

		.day,
		.time {
			display: flex;
			font-size: 30rpx;
			font-weight: bold;
			height: 92rpx;
			align-items: center;
			border-bottom: 2px dashed #e0f1f2;

		}

		.tag_wrapper {
			justify-content: start;
			max-width: 260rpx;
			display: flex;
			flex-wrap: wrap;

			.tag_item {
				margin: 1rpx;
			}
		}

		.content_end {
			border-bottom: unset !important;
		}

		::v-deep.content {
			display: flex;
			justify-content: space-between;
			align-items: center;
			padding: 30rpx 0rpx;
			border-bottom: 1px solid #E2E2E2;

			.arrangementBtn {
				color: #32b4c3;
				background-color: #e7f4f5;
				padding: 10rpx 20rpx;
				border-radius: 30rpx;
				white-space: nowrap;
				box-sizing: border-box;
			}

			.u-tag-wrapper {
				margin: 0 5rpx;
			}

			.solit {
				width: 15rpx;
				height: 15rpx;
				background: #D2D2D2;
				border-radius: 50%;
				margin-right: 20rpx;
			}
		}
	}

	.bg {
		width: 750rpx;
		height: 430rpx;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 1;
	}

	.alignItem {
		line-height: 62rpx;
		color: #868686;

		.val {
			text-align: right;
			font-weight: 500;
			font-size: 30rpx;
			color: #1E272E;

			img {
				width: 199rpx;
				height: 151rpx;
				border-radius: 20rpx;
				margin: 10rpx;
			}
		}
	}

	.container {
		width: 700rpx;
		position: absolute;
		top: 180rpx;
		left: 25rpx;
		z-index: 2;
		// min-height: 100vh;
		padding-bottom: 200rpx;
	}

	.taskForm {
		background: #FFFFFF;
		border-radius: 20rpx;
		font-size: 30rpx;
		padding: 23rpx;
	}

	.titleList_item_1 {
		margin-top: 21rpx;

		.text {
			font-weight: bold;
			font-size: 32rpx;
			color: #1E272E;
			line-height: 40rpx;
			margin-bottom: 21rpx;
		}
	}

	.bottom {
		position: fixed;
		bottom: 0;
		left: 0;
		background-color: white;
		z-index: 10000;
		width: 100%;
		padding: 20rpx 0;
		min-height: 20rpx;
	}

	.titleList {
		.titleList_item {
			justify-content: space-between;
			height: 88rpx;
			align-items: center;

			.text {
				color: #333333;
				font-weight: 650;
			}

			.taskList_wrapper {
				padding: 0 10rpx;
				border-radius: 20rpx;

				.stateTag {
					position: absolute;
					top: 0;
					right: 0;
					line-height: 44rpx;
					padding: 0px 15rpx;
					border-radius: 12rpx;
					background-image: linear-gradient(90deg, #3dd4a7 0%, #00ffff 100%, #00ffff 100%);
					color: #ffffff;
					text-align: center;
				}

				.taskList_wrapper_item {
					position: relative;
					border-radius: 20rpx;
					padding: 15rpx 25rpx;
					background-color: rgba(242, 242, 242, 0.43);
					color: #13989a;
					margin-bottom: 50rpx;

					.day,
					.time {
						font-size: 30rpx;
						font-weight: 700;
						margin: 12rpx 20rpx;

					}

					::v-deep.content {
						font-weight: 650;
						display: flex;
						justify-content: space-between;
						align-items: center;
						padding: 10rpx 20rpx;

						.u-tag-wrapper {
							margin: 0 5rpx;
						}
					}
				}
			}
		}

	}

	.taskAllocation_wrapper {
		font-size: 24rpx;
		background-color: #f5f5f5;

		.taskAllocation_msg {}
	}

	.case_wrappper {
		justify-content: space-between;
		margin-bottom: 34rpx;

		.case_item {
			position: relative;
			border-radius: 10rpx;
			overflow: hidden;

			.case_img {
				width: 226rpx;
				height: 261rpx;
				border-radius: 20rpx;
			}
		}

		.taskMsg {
			// padding-right: 70rpx;
			padding-left: 28rpx;
			flex: 1;

			.taskName {
				width: 350rpx;
				font-weight: 500;
				color: #139698;
				font-size: 32rpx;
				margin-top: 58rpx;
				overflow: hidden;
				text-overflow: ellipsis;
				white-space: nowrap;
			}

			.taskTital {
				max-width: 268rpx;
				font-weight: bold;
				font-size: 36rpx;
				color: #1E272E;
				overflow: hidden;
				text-overflow: ellipsis;
				white-space: nowrap;
			}

			.tag {
				width: 146rpx;
				height: 45rpx;
				background: #b3d3d3;
				border-radius: 10rpx;
				display: flex;
				align-items: center;
				font-weight: 500;
				font-size: 28rpx;
				color: #13989A;
				padding-left: 8rpx;
				box-sizing: border-box;
				margin-left: 21rpx;
			}

			.timer {
				font-weight: 500;
				font-size: 28rpx;
				color: #1E272E;
				margin-top: 25rpx;
				 
			}

			.allocation {
				font-weight: 500;
				font-size: 20rpx;
				color: #1E272E;
				margin-top: 12rpx;
			}
		}

		.flagship {
			width: 110rpx;
			line-height: 40rpx;
			background: #13989A;
			font-size: 22rpx;
			color: #FFFFFF;
			border-radius: (20rpx 0 20rpx 0);
			text-align: center;
			position: absolute;
			top: 0;
			left: 0;
			z-index: 1;
		}
	}

	.titleList_item {
		background: #FFFFFF;
		border-radius: 20rpx;
		font-size: 30rpx;
		padding: 23rpx;
		margin: 21rpx 0;

		.text {
			font-weight: 500;
			font-size: 30rpx;
			color: #1E272E;
		}

		.look_box {
			justify-content: space-between;
			height: 97rpx;
			align-items: center;
		}

	}
</style>